<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<link rel="stylesheet" type="text/css" href="semantic.css">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="semantic.min.js"></script>
<body>
<div class="ui grid">
  <div class="column">55</div>
  <div class="column">55</div>
  <div class="column">55</div>
  <div class="column">55</div>
  <div class="column">55</div>
  <div class="column">55</div>
  <div class="column">55</div>
  <div class="column">55</div>
  <div class="column">55</div>
  <div class="column">55</div>
  <div class="column">55</div>
  <div class="column">55</div>
</div>
<div class="ui grid">
  <div class="five wide column">44</div>
  <div class="five wide column">44</div>
  <div class="five wide column">44</div>
  <div class="five wide column">44</div>
</div>
<div class="ui three column divided grid">
  <div class="row">
    <div class="column">
      <p></p>
    </div>
    <div class="column">
      <p></p>
    </div>
    <div class="column">
      <p></p>
    </div>
  </div>
  <div class="row">
    <div class="column">
      <p></p>
    </div>
    <div class="column">
      <p></p>
    </div>
    <div class="column">
      <p></p>
    </div>
  </div>
</div>
<script type="text/javascript">
	$('.ui.sticky')
	  .sticky({
	    context: '#context'
	  })
	;
</script>
</body>
</html>